.nav {
    
    // margin: 30px;
    padding: 0;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color:#ECEDF7 ;
    .menuOne2{
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        background: url("../../assets/img/icon-index.png") center no-repeat;
        background-size: 100% 100%;
        margin: 0 10px 0 22px;
    }
    
    .icon-index{
        background: url("../../assets/img/icon-index-s.png") center no-repeat;
    }
    :global{
        
        .menu_sel_company{
            margin-bottom: 5px;
            text-align: center;
            .imgs{
                margin-top: 30px;
            }
            .ant-select{
                width: 194px;
                height: 48px;
                line-height: 48px;
                color: #fff;
                background-color: #222;
                border-radius: 8px;
            }
            .select-selector,
            .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
            .ant-select-single.ant-select-show-arrow .ant-select-selection-search,
            .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
            .ant-select-single.ant-select-open .ant-select-selection-item{
                height: 48px;
                line-height: 48px;
                color: #fff;
                font-size: 14px;
                box-shadow: none;
                text-align: left;
            }
            .ant-select-selector{
                position: relative;
                padding-left: 16px;
                // padding-right: 10px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .select-selector{
                position: relative;
                padding-left: 22px;
                // padding-right: 10px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .ant-select-selector::before{
                content: '';
                position: absolute;
                width: 8px;
                height: 8px;
                top: 20px;
                left: 10px;
                background-color: #6DD400;
                border-radius: 100%;
            }
            .select-selector::before{
                content: '';
                position: absolute;
                width: 8px;
                height: 8px;
                top: 20px;
                left: 10px;
                background-color: #6DD400;
                border-radius: 100%;
            }
            .ant-select-arrow{
                color: #fff;
            }
        }
        .innernav{
            background-color:#ECEDF7;
        }
        .username{
            width: 100%;
            text-align: center;
            margin-top: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            bottom: 40px;
            left: 0;
           .userbox{
               width: 130px;
               height: 120px;
               img{
                margin-bottom: 10px;
                }
                p{
                    color: #8C8E8E ;
                    font-size: 12px;
                    margin: 0;
                }
           }
            
        }
        .logout{
            width: 100%;
            height: 40px;
            text-align: center;
            position: absolute;
            bottom: 0;
            left:0;
            span{
                font-size: 16px;
                color: #0054FE;
                line-height: 50px;
            }
        }

        .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
            border: none;
            margin: 0 auto;
            background-color: #ECEDF7;
        }
        .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
            height: 43px;
            line-height: 43px;
            margin: 0 !important;
        }
        .ant-menu-inline > .ant-menu-item{
            width: fit-content;
            width: 100%;
            height: 35px;
            line-height: 35px;
            padding: 0 30px 0 68px !important;
        }
        .ant-menu-submenu-arrow{
            display: none;
        }
        .ant-menu-submenu-title{
            margin: 0 !important;
            padding: 0 !important;
            width: 250px;
            height: 43px;
            line-height: 43px;
            font-size: 14px;
            // text-align: center;
            .menuOne{
                display: inline-block;
                vertical-align: middle;
                width: 16px;
                height: 16px;
                background: url("../../assets/img/icon-index.png") center no-repeat;
                background-size: auto 20px;
                margin: 0 10px 0 22px;
            }
            a{
                color: #8E8A8A;
            } 
                .icon-cloud{
                    background: url('../../assets/img/icon-cloud.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-access{
                    background: url('../../assets/img/icon-access.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-weighthouse{
                    background: url('../../assets/img/icon-weighthouse.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-account{
                    background: url('../../assets/img/quanxian.png') center no-repeat;
                    background-size: auto 17px;
                }
                .icon-log{
                    background: url('../../assets/img/rizhi.png') center no-repeat;
                    background-size: auto 16px;
                }
                .icon-myaccount{
                    background: url('../../assets/img/datacenter.png') center no-repeat;
                    background-size: auto 18px;
                }
                .icon-shebeixinxi{
                    background: url('../../assets/img/shebeixinxi.png') center no-repeat;
                    background-size: auto 16px;
                } 
                .icon-resetcenter{
                    background: url('../../assets/img/resetcenter.png') center no-repeat;
                    background-size: auto 17px;
                } 
                .icon-auth{
                    background: url('../../assets/img/auth.png') center no-repeat;
                    background-size: auto 17px;
                }
                .icon-contract{
                    background: url('../../assets/img/icon-contract.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-Logisticsmanagement{
                    background: url('../../assets/img/icon-Logisticsmanagement.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-cusinfo{
                    background: url('../../assets/img/icon-cusinfo.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-sampling{
                    background: url('../../assets/img/icon-sampling.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-client{
                    background: url('../../assets/img/icon-client.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-logistics{
                    background: url('../../assets/img/icon-logistics.png') center no-repeat;
                    background-size: auto 20px;
                }  
                .icon-logistics{
                    background: url('../../assets/img/icon-logistics.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-test{
                    background: url('../../assets/img/icon-test.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-uncoal{
                    background: url('../../assets/img/icon-uncoal.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-cqlxpz{
                    background: url('../../assets/img/icon-cqlxpz.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-pmzc{
                    background: url('../../assets/img/icon-pmzc.png') center no-repeat;
                    background-size: auto 20px;
                }
        }
        .ant-menu-submenu-open{
            background-color: #ECEDF7;
            .ant-menu-submenu-title{
                // width: 179px;
                // background: linear-gradient(90deg, #EFF7FF 0%, #fff 100%);
                color: #222; 
                padding: 0;
                position: relative;
                a{
                    width: 100%;
                    height: 100%;
                    display: inline-block;
                    color: #6672FB;
                }
                .menuOne{
                    display: inline-block;
                    vertical-align: middle;
                    width: 16px;
                    height: 16px;
                    background: url("../../assets/img/icon-index.png") center no-repeat;
                    background-size: auto 20px;
                    margin: 0 10px 0 22px;
                }
                .icon-index{
                    background: url("../../assets/img/icon-index-s.png") center no-repeat;
                    background-size: auto 20px;
                }
                .icon-cloud{
                    background: url('../../assets/img/icon-cloud-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-access{
                    background: url('../../assets/img/icon-access-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-weighthouse{
                    background: url('../../assets/img/icon-weighthouse-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-account{
                    background: url('../../assets/img/quanxian-s.png') center no-repeat;
                    background-size: auto 17px;
                }
                .icon-log{
                    background: url('../../assets/img/rizhi-s.png') center no-repeat;
                    background-size: auto 16px;
                }
                .icon-auth{
                    background: url('../../assets/img/auth-s.png') center no-repeat;
                    background-size: auto 17px;
                }
                .icon-myaccount{
                    background: url('../../assets/img/datacenter-s.png') center no-repeat;
                    background-size: auto 18px;
                }
                .icon-shebeixinxi{
                    background: url('../../assets/img/shebeixinxi-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-resetcenter{
                    background: url('../../assets/img/resetcenter-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-contract{
                    background: url('../../assets/img/icon-contract-s.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-Logisticsmanagement{
                    background: url('../../assets/img/icon-Logisticsmanagement-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-cusinfo{
                    background: url('../../assets/img/icon-cusinfo-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-sampling{
                    background: url('../../assets/img/icon-sampling-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-cqlxpz{
                    background: url('../../assets/img/icon-cqlxpz-s.png') center no-repeat;
                    background-size: auto 20px;
                }

                .icon-pmzc{
                    background: url('../../assets/img/icon-pmzc-s.png') center no-repeat;
                    background-size: auto 20px;
                }
                .icon-client{
                    background: url('../../assets/img/icon-client-s.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-logistics{
                    background: url('../../assets/img/icon-logistics-s.png') center no-repeat;
                    background-size: auto 20px;
                }  
                .icon-test{
                    background: url('../../assets/img/icon-test-s.png') center no-repeat;
                    background-size: auto 20px;
                } 
                .icon-uncoal{
                    background: url('../../assets/img/icon-uncoal-s.png') center no-repeat;
                    background-size: auto 20px;
                }
            }
            .ant-menu-submenu-title::before{
                content: '';
                position: absolute;
                width: 2px;
                height: 100%;
                background: #BAD3EF;
            }
        }
       
        .ant-menu-submenu-active{
            
            .ant-menu-submenu-title{
                a{
                    color: #fff;
                }
            }
            
        }
        .ant-menu-submenu-open.ant-menu-submenu-active{
            .ant-menu-submenu-title{
                a{
                    color: #fff;
                }
                
            }
        }
        .ant-menu-item{
            width: 100%;
            display: inline-block;
            background-color: #ECEDF7;
            // margin-left: 15px;
            // border-radius: 25px;
            font-size: 13px;
            a{
                color: #7f7c7c;
            }
        }
        .ant-menu-item-selected a, .ant-menu-item-selected a:hover{
            color: #3946F2;
        }
        .ant-menu-item-selected::after{
            display: none;
        }
        .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
            background-color: #F5F7FB;
            
            color: #6672FB;
        }
        .ant-menu-item-selected > a,.ant-menu-item > a:hover, .ant-menu-item-selected > a:hover{
            color: #6672FB;
        }
    }
    
}